<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课后作业-进阶版</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <header>
            <h1><strong>关雎</strong></h1>
            <p>
                出自.《诗经》
            </p>

            <a href="#">[先秦]无名氏</a>
            <div>
                <img class="small" src="1.jpg" alt="">
                <img class="small" src="2.jpg" alt="">
                <img class="small" src="3.jpg" alt="">
                <img class="small" src="4.jpg" alt="">
        </header>

        <section class="start">
            <div class="first">
                <img class="one" src="5.jpg" alt="">
                <h4>一</h4>
                <p class="Lorem">关关雎鸠，在河之州

                    <br>窈窕淑女，君子好逑</p>
                <img class="one" src="6.jpg" alt="">
                <h4>二</h4>
                <p class="Lorem">
                    <br>参差荇菜，左右流之。
            </div>
            <div class="second">

                <h4>三</h4>
                <p class="Lorem">
                    <br>窈窕淑女，寤寐求之。
                    <br>求之不得，寤寐思服。
                    <br>悠哉悠哉，辗转反侧。
                    <br>参差荇菜，左右采之。
                </p>
                <h4>四</h4>
                <p class="Lorem">

                    <br>参差不齐的荇菜，从左到右去拔它
                    <br>参差不齐的荇菜，从左到右去捞它
                    <br>参差不齐的荇菜，从左到右去采它
                    <br>关关和鸣的雎鸠，相伴在河中的小洲
                    <br>那美丽贤淑的女子，是君子的好配偶
                    <br>那美丽贤淑的女子，奏起琴瑟来亲近她
                    <br>那美丽贤淑的女子，醒来睡都想追求她
                    <br>追求却没法得到，白天黑夜便总思念她
                    <br>那美丽贤淑的女子，敲起钟鼓来取悦她
                </p>

                <img class="two" src="10.jpg" alt="">
                <img class="three" src="8.jpg" alt="">
                <img class="three" src="9.jpg" alt="">

            </div>
            <ction>
                </div>
</body>

</html>